<!-- 饼图的配置 -->
<template>
	<div>
		<el-collapse accordion>
			<el-collapse-item title="饼图设置">
				<el-form-item label="南丁格尔玫瑰">
					<avue-switch v-model="main.activeOption.roseType" :disabled="disabled"></avue-switch>
				</el-form-item>
				<el-form-item label="自动排序">
					<avue-switch v-model="main.activeOption.sort" :disabled="disabled"></avue-switch>
				</el-form-item>
				<el-form-item label="不展示零">
					<avue-switch v-model="main.activeOption.notCount" :disabled="disabled"></avue-switch>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.fontSize" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="饼图半径" v-if="!main.activeOption.radius">
					<avue-input-number v-model="main.activeOption.pieRadius" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="圆心X轴">
					<avue-input-number v-model="main.activeOption.centerX" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="圆心Y轴">
					<avue-input-number v-model="main.activeOption.centerY" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="内环半径" v-if="main.activeOption.radius">
					<avue-input-number v-model="main.activeOption.innerRadius" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="外环半径" v-if="main.activeOption.radius">
					<avue-input-number v-model="main.activeOption.outerRadius" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="设置为环形">
					<avue-switch v-model="main.activeOption.radius" :disabled="disabled"></avue-switch>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="标签设置">
				<el-form-item label="标签位置">
					<avue-radio :button="true" v-model="main.activeOption.labelPosition" :dic="dicOption.labelPosition" :disabled="disabled"> </avue-radio>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="标签引导线设置">
				<el-form-item label="指示线长度">
					<avue-input-number v-model="main.activeOption.labelLineLength" :disabled="disabled"></avue-input-number>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>
import { dicOption } from '@/option/config';
export default {
	name: 'pie',
	inject: ['main', 'contain'],
	data() {
		return {
			dicOption: dicOption,
			disabled: this.contain.activeObj.isLock
		};
	}
};
</script>

<style></style>
